<!DOCTYPE html>
<html lang="en">
<head>
    <title><%= title %></title>
    <link href="../stylesheets/bootstrap.css" rel="stylesheet">
</head>
<body>
<h1><p class="text-center" style="width: 95%">MYSQL Database Config Guide</p></h1>
<form action="/initdb" method="post" class="form-horizontal" role="form" style="width: 95%">
    <div class="form-group">
        <label for="host" class="col-sm-4 control-label">HOST:</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="host" name="host" placeholder="HOST">
        </div>
    </div>
    <div class="form-group">
        <label for="user" class="col-sm-4 control-label">USER:</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="user" name="user" placeholder="USER">
        </div>
    </div>
    <div class="form-group">
        <label for="password" class="col-sm-4 control-label">PASSWORD:</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="password" name="password" placeholder="PASSWORD">
        </div>
    </div>
    <!--
    <div class="form-group">
        <label for="db" class="col-sm-4 control-label">DB NAME:</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="db" name="db" placeholder="DB NAME">
        </div>
    </div>
    -->
    <div class="form-group">
        <label for="port" class="col-sm-4 control-label">PORT:</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="port" name="port" placeholder="PORT: 留空，默认3306">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-5">
            <button id="initdb" type="submit" class="btn btn-primary">SUBMIT</button>
        </div>
    </div>
</form>
</body>
<script type="text/javascript" src="../javascripts/jquery.js"></script>
<script type="text/javascript" src="../javascripts/bootstrap.js"></script>
</html>